<template>
	<div class="complaints_suggestions">
		<NewsHeader 
			:isInput="dataArr.isInput" 
			:iconArr="dataArr.iconArr" 
			:placeholder="dataArr.placeholder" 
			:aimUrl = 'dataArr.aimUrl'
			:rightUrl='dataArr.rightUrl'
		/>
		<PublicTitle
		   :publictitle= 'publictitle'
		 />
		 <div class="suggestionsCont">
		 	<div class="suggestionsContDetail">
		 		<p><span>您要投诉的问题？</span></p>
		 		<!-- <div class="suggestions_text"> -->
					<el-input
						type="textarea"
						:autosize="{ minRows: 5.6, maxRows: 7.6}"
						placeholder="请简要描述您遇到的问题"
						v-model="textarea">
					</el-input>
		 		<!-- </div> -->
		 		<p><span>您的联系方式:</span></p>
		 		<p>
		 			<span>邮箱</span>
		 			<input type="text">
		 		</p>
		 		<p>
		 			<span>手机号</span>
		 			<input type="text">
		 		</p>
		 		<p><input type="submit" name="提交"></p>
		 	</div>
		 </div>
	</div>
</template>
<script>
import NewsHeader from '../../components/shopheader'
import PublicTitle from './components/publictitle'
	export default{
		name:'complaints_suggestions',
		components:{
			NewsHeader,
			PublicTitle
		},
		data(){
			return{
					textarea:'',
					dataArr:{
						isInput:false,
						iconArr:[
							{
								iconLeft:"icon-zuojiantou",
								iconRight:""
							}
						],
						placeholder:"投诉建议",
						aimUrl:'/layout/mine',
						rightUrl:''
					},
					publictitle:[
						{
							titleleft:'我要投诉',
							titlelright:'我有建议'
						}
					]
			}
		}
	}
</script>
<style scoped lang="less">
.complaints_suggestions{
	width: 100%;
	min-height: 1334 / 100rem;
	padding-top: 88 / 100rem;
	background-color: #ededed;
	box-sizing: border-box;
	.suggestionsCont{
		width: 100%;
		padding: 0 20 / 100rem;
		padding-top: 50 / 100rem;
		box-sizing: border-box;
		.suggestionsContDetail{
			p:nth-child(1){
				margin-left: 20 / 100rem;
				margin-bottom: 20 / 100rem;
				span{
					color: rgba(0, 0, 0, 0.8);
					font-size: 28 / 100rem;
					font-weight: 600;
				}
			}
			p:nth-child(3){
				margin-top: 40 / 100rem;
				margin-left: 20 / 100rem;
				margin-bottom: 20 / 100rem;
				span{
					color: rgba(0, 0, 0, 0.8);
					font-size: 28 / 100rem;
					font-weight: 600;
				}
			}
			p:nth-child(4),p:nth-child(5){
				width: 100%;
				height: 56 / 100rem;
				margin-bottom: 20 / 100rem;
				background-color: #fff;
				padding: 10 / 100rem; 
				box-sizing: border-box;
				// text-align: center;
				span{
					font-size: 20 / 100rem;
				}
				input{
					border: none;
					outline: none;
					width: 87%;
				}
			}
			p:nth-child(6){
				margin-top: 45 / 100rem;
				margin-left: 115 / 100rem;
				border: none;
				input{
					width: 480 / 100rem;
					height: 80 / 100rem;
					font-size: 30 / 100rem;
					color: #fff;
					font-weight: 600;
					background-color: #ff5555;
					border: none;
					outline: none;
					border-radius: 8 / 100rem;
				}
			}
		}
	}
}
</style>